<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>元素的显示模式</title>
		<link href="css/显示.css" rel="stylesheet"/>
	</head>
	<body>
		<!-- 
		元素的显示模式：
		1.块元素:block
		比较霸道，单独占一行
		默认宽度是父级元素宽度的100%
		可以设置宽，高
		块元素内可以包含内元素或块元素
		2.行内元素 ：inline
		一行显示多个
		默认宽度是内容本身的宽度
		宽，高属性设置无效
		（文字类的标签内不能使用块元素，比如<p>,<h1>--<h6>等标签
		只能存放文字，因此标签内不能存放块级元素）
		链接标签中不要再包含链接标签
		3.行内块元素：inline-block
		一行显示多个
		默认宽度是内容本身的宽度
		可以设置宽，高
		<input/>,<img <td></td>(数据单元格)
		元素显示模式转换：
		display：block/inline-block/inline
		-->
		<div>
			<h4 style="background-color: aqua;">redmi k70</h4>
		<p style="background-color: aquamarine;">性能....</p>
		<span>2399元<del>2499元</del></span>
		
		</div>
		<span>用户名：</span>
		<input type="text" placeholder="请输入用户名"/>
		<span>密码：</span>
		<input type="password" placeholder="请输入密码"/>
		<a href="#">baidu</a>
		
	</body>
</html>
